<template>
	<view class="duilianpt">
		<template v-for="(item,inx) in dataList.meansList">
			<u-row v-if="isShowAll || (!isShowAll && item.is_true != 2) ">
				<u-col span="2">
					<view class="text-center u-content-color"><text>{{item.issue}}期:</text></view>
				</u-col>
				<u-col span="7">
					<view class="zodiac bordered">
						<text v-for="(vl,vk) in item.means" :key="vk" class="black-text">
							<text :class="{'draw-active' : vl.isTrue}">{{vl.value}}</text>
							<text v-if="vl.code && vl.code.length">
								<template v-for="(fv,fk) in vl.code">
									<text :key="fk" :class="{'draw-active' : fv.isTrue, 'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}">{{fv.value}}</text>
								</template>
							</text>
						</text>
					</view>
				</u-col>
				<u-col span="2">
					<view class="zodiac nowrap">
						<text v-if="item.is_true > 0 && item.drawp" class="black-text">开:{{item.drawp}}</text>
						<text v-else  class="black-text">开:{{item.drawp || '??'}}</text>
					</view>
				</u-col>
				<u-col span="1">
					<u-icon v-if="item.is_true == 1" name="checkmark" size="16" color="#FF0000" style="float:right;font-weight: bold;"></u-icon>
					<u-icon v-else-if="item.is_true == 2" name="close" size="16"  style="float:right;font-weight: bold;"></u-icon>
				</u-col>
			</u-row>
		</template>
	</view>
</template>

<script>
	export default {
		name: 'Zodiac5',
		props: {
			// 定义一个名为dataList的prop来接收数组数据
			dataList: {
			  type: [Object,Array],
			  default: () => {
				  return {};
			  },
			},
			isShowAll :{
				type:[Boolean],
				default : () =>{
					return false;
				}
			},
		},
		data(){
			return {
				
			}
		},
		mounted() {
		},
		methods: {
			
		}
	};
</script>
<style lang="scss" scoped>
	@import '@/static/css/common.css';
</style>

